<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
        <title>蜜眸小铺甜品屋</title>
        <link rel="stylesheet" href="fonts/iconfont.css"/>
        <link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css">
	</head>
<body>
    <!-- top -->
    <div class="topWrap">
        <div class="top">
            <div class="top_nav">
                <a href="index.html" target="_self">蜜眸小铺首页</a>
                <a href="goodslist.html" target="_blank">蜜眸小铺官方商城</a>
            </div>
            <div class="top_r">
                <div class="login">
                    <a href="./pages/register.html"  target="_blank">注册</a>
                    <a href="./pages/login.html">登录</a>
                    <a href="#">我的订单</a>
                    <a href="./pages/self_info.html">个人中心</a>
                </div>
                <div class="welcome">
                    <p>欢迎<em id="userName">XXX</em>，<span id="logout"><a>注销</a></span></p>
                </div>
				<div class="shopcar">
					<span class="iconfont icon-gouwuche"></span>
					<i><a href="shopCar.html">购物车</a></i>
				</div>
            </div>
        </div>
    </div>

    <!-- topimg -->
    <div class="topimgWrap">
        <div class="topimg">
            <img src="http://ganso.com.cn/medias/-1200-90.jpg?context=bWFzdGVyfGltYWdlc3w2Nzc1NHxpbWFnZS9qcGVnfGltYWdlcy9oOGYvaGQ0LzEwMjY4Njc3MzA4NDQ2LmpwZ3wzMDIzZTE5OWRmNjYyZmZiZDhhOTAxYTQ3OTY4YWQyYjZlNjZiNDRlMTg3MWEzNzYzNGY3NmI1OWM3NTc5MjY5" alt="">
        </div>
    </div>


    <!-- header-->
    <div class="headerWrap">
	<div class="header">
		<h1 class="logo"><img src="image/logo.png" alt=""></h1>
		<div class="search">
			<div class="sousuo">
                <input type="text" class="text"  placeholder="想吃的甜品&nbsp;搜索一下">
			</div>
			<div class="btn">
                <input type="submit" class="submit" value="搜索"/>
			</div>
        </div>
    
        <div class="img">
            <img src="http://ganso.com.cn/medias/-.JPG?context=bWFzdGVyfGltYWdlc3w0NTAwNHxpbWFnZS9qcGVnfGltYWdlcy9oNzgvaGE2LzEwMTk1MjgwMDM1ODcwLmpwZ3wyNzMwNWViMzkyNjMzNzFjMTIwNjg4YmNmODQwMGMwMDRlYzhhMjA5ZTM5MzcxYThkYzRmNTkwYjVjM2FlNmJm" alt="">
        </div>
    </div>
    </div>

     <!-- tit -->
     <div class="titWrap">
        <ul class="tit">
            <li>
                <a href="">全部商品分类</a>
                <a href="">品牌集成管</a>
                <a href="">大师名匠馆</a>
                <a href="">积分商城</a>
                <a href="">甜品定制</a>
            </li>
            </ul>
    </div>

 
    <!-- banner -->
    <div class="bannerWrap">
    <div class="banner">

        <div class="box ban">
            <div class="imgbox">
                <a><img src="image/bg2.jpg" alt=""></a>
				<a><img src="http://ganso.com.cn/medias/-1200-438.jpg?context=bWFzdGVyfGltYWdlc3wyNzQ5ODF8aW1hZ2UvanBlZ3xpbWFnZXMvaDU3L2g5MC8xMDE4MTUyNTAxMjUxMC5qcGd8YzMxZjk4MmE1ODZiM2YyMzlkYjFjYzhiZTJhNjdlMTA0Y2VhYjExNDQwNmMxNDU2OTgwOWE4NzdlNjE5NGQ4YQ" alt=""></a>
				<a><img src="http://ganso.com.cn/medias/-.jpg?context=bWFzdGVyfGltYWdlc3wxNDAwNjN8aW1hZ2UvanBlZ3xpbWFnZXMvaGFiL2gzZS8xMDAwMTA4NDE1Mzg4Ni5qcGd8YjhmOWY3ZTJmNDY4NzgzYjhiYWM3NjE4YmQ3ZmQ4YWFjOGU4OGM4ODI0NjNmODdhNzBmNWU1Y2Q3ODllNjk2YQ" alt=""></a>
				<a><img src="http://www.ladymchina.com/Upload/Gimg/20191030095750.jpg" alt=""></a>
				<a><img src="http://www.ladymchina.com/Upload/Gimg/20200106094911.jpg" alt=""></a>
            </div>

        </div>
        <!-- 二级导航 -->
		<div class="banner_nav">
			<ul>
                <li><a href="#"><span>踏青季</span><i class="iconfont icon-jiantouarrow487"></i></a>
                    <ol class="olNo">
                        <li><a href="">踏青大福</a></li>
                        <li><a href="">专属蛋糕</a></li>
                        <li><a href="">抹茶毛巾卷</a></li>
                        <li><a href="">春色糖果</a></li>
                        <li><a href="">查看其他</a></li>
                    </ol>
                </li>
                <li><a href="#"><span>梦蛋糕</span><i class="iconfont icon-jiantouarrow487"></i></a>
                    <ol class="olNo">
                        <li><a href="">鲜奶蛋糕</a></li>
                        <li><a href="">巧克力蛋糕</a></li>
                        <li><a href="">慕斯蛋糕</a></li>
                        <li><a href="">diy定制款</a></li>
                        <li><a href="">更多蛋糕</a></li>
                    </ol>
                </li>
                <li><a href="#"><span>冰品季</span><i class="iconfont icon-jiantouarrow487"></i></a>
                    <ol class="olNo">
                        <li><a href="">冰淇淋蛋糕</a></li>
                        <li><a href="">雪媚娘</a></li>
                        <li><a href="">冰品点心</a></li>
                        <li><a href="">夏日饮品</a></li>
                        <li><a href="">等你发现</a></li>
                    </ol>
                </li>
                <li><a href="#"><span>精致西点</span><i class="iconfont icon-jiantouarrow487"></i></a>
                    <ol class="olNo">
                        <li><a href="">小慕斯类</a></li>
                        <li><a href="">麻薯</a></li>
                        <li><a href="">蛋黄酥</a></li>
                        <li><a href="">西点卷类</a></li>
                        <li><a href="">查看更多</a></li>
                    </ol>
                </li>
                <li><a href="#"><span>定制礼盒</span><i class="iconfont icon-jiantouarrow487"></i></a>
                    <ol class="olNo">
                        <li><a href="">水果礼盒</a></li>
                        <li><a href="">糕点礼盒</a></li>
                        <li><a href="">便当盒子</a></li>
                        <li><a href="">自选礼盒</a></li>
                        <li><a href="">其他礼盒</a></li>
                    </ol>
                </li>
                <li><a href="#"><span>元组卡券</span><i class="iconfont icon-jiantouarrow487"></i></a>
                    <ol class="olNo">
                        <li><a href="#">礼卡</a></li>
                        <li><a href="#">水果券</a></li>
                        <li><a href="#">西点券</a></li>
                        <li><a href="#">蛋糕券</a></li>
                    </ol>
                </li>
			</ul>
		</div>
    </div>

    <!-- 右侧悬浮框 -->
    <div class="frame">
         <!-- 回到顶部 -->
         <div class="returnUp">
            <p>Top</p>
        </div>
        <!-- 客服 -->
        <div class="cuser">
            <p><a href="#">客服</a></p>
        </div>
        <!-- 联系我们 -->
        <div class="tel">
            <p><a href="" target="_blank">热线</a></p>
        </div>
        <!-- 服务号 -->
        <div class="">
            <p><a href="" target="_blank">服务号</a></p>
        </div>
       
    </div>
</div>

    <!-- container -->
    <div class="conWrap">
    <div class="container">
        <!-- container的第一部分内容 -->
        <div class="conbox">
                <!-- <li class="one"><a href="">元组新品</a></li>
                <li class="two"><a href="">热销产品</a></li>
                <li class="three"><a href="">节庆民俗</a></li>
                <li class="four"><a href="">元组卡券</a></li>
                <li><a href=""><img src="http://pic.ganso.com.cn/images1/100000879/100000879_M.jpg" alt="">草莓大福</a></li>
                <li><a href=""><img src="http://pic.ganso.com.cn/images1/100000735/100000735_M.jpg" alt="">艾草大福</a></li>
                <li><a href=""><img src="http://pic.ganso.com.cn/images1/100001139/100001139_M.jpg" alt="">艾草福袋</a></li>
                <li><a href=""><img src="http://pic.ganso.com.cn/images1/100001174/100001174_M.jpg" alt="">幸福结果子礼盒</a></li>
                <li><a href=""><img src="http://pic.ganso.com.cn/images1/100000031/100000031_M.jpg" alt="">情有独钟鲜奶蛋糕</a></li>
                <li><a href=""><img src="http://pic.ganso.com.cn/images1/100000310/100000310_M.jpg" alt="">坚果礼盒</a></li>
                <li><a href=""><img src="http://pic.ganso.com.cn/images1/100000324/100000324_M.jpg" alt="">绿豆礼盒</a></li>
                <li><a href=""><img src="http://pic.ganso.com.cn/images1/100000732/100000732_M.jpg" alt="">旺来凤梨酥</a></li>
                <li><a href=""><img src="http://pic.ganso.com.cn/images1/600000355/600000355_M.jpg" alt="">100型心意卡</a></li>
                <li><a href=""><img src="http://pic.ganso.com.cn/images1/600000357/600000357_M.jpg" alt="">200型心意卡</a></li>
                <li><a href=""><img src="http://pic.ganso.com.cn/images1/600000404/600000404_M.jpg" alt="">300型心意卡</a></li>
                <li><a href=""><img src="http://pic.ganso.com.cn/images1/600000358/600000358_M.jpg" alt="">500型心意卡</a></li> -->
           
            <div>
                <a href="http://ganso.com.cn/p/100000310"" target="_blank">
                    <img src="http://pic.ganso.com.cn/images1/100000310/100000310_M.jpg">
                </a>                    
            </div>
            <div>
                <a href="http://ganso.com.cn/p/100001182" target="_blank">
                    <img src="http://pic.ganso.com.cn/images1/100001174/100001174_M.jpg">
                </a>                    
            </div>
            <div>
                <a href="http://ganso.com.cn/p/100000879" target="_blank">
                    <img src="http://pic.ganso.com.cn/images1/100000879/100000879_M.jpg">
                </a>                    
            </div>
            <div>
                <a href="http://ganso.com.cn/p/100001139" target="_blank">
                    <img src="http://pic.ganso.com.cn/images1/100001139/100001139_M.jpg">
                </a>                    
            </div> 
            <div>
                <a href="http://ganso.com.cn/p/100000735" target="_blank">
                    <img src="http://pic.ganso.com.cn/images1/100000735/100000735_M.jpg">
                </a>                    
            </div>
           
            
        </div>
        <!-- container的商品列表 -->     
        <script src="./js/ajax-promise.js"></script>

        <div class="biaoti center">经典梦蛋糕</div>
		<div id="cont">
			<!-- <p>商品都卖完了，等待更新中....</p> -->
		</div>
        <script src="./js/goods-list.js"></script>

		<div class="biaoti center">糕点礼盒</div>
		<div id="cont2" class="center">
			<p>商品都卖完了，等待更新中....</p>   
        </div>
        
        <script src="./js/goodslist2.js"></script>


    </div>
    </div>
    <!-- footer -->
    <footer class="mt20 center">			
        <div class="mt20">蜜眸小铺甜品屋</div>
        <div>©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</div> 
        <div>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</div>
    </footer>	
</body>
<script src="./js/jquery.js"></script>
<script src="./js/jqueryAuto.js"></script>
<script src="./js/loginindex.js"></script>
<script>
    // 轮播图
    $(".ban").banner({
        img:$(".ban").children(".imgbox").find("a"),
        list:true,
        autoPlay:true,
        delayTime:3000,
        moveTime:300
    })
    // 回到顶部
    $(".returnUp").click(function(){
        $('body,html').animate({scrollTop: 0}, 100);
    })
</script>
</html>